<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="../js/jquery-3.4.1.min.js"></script>
		<script>
			//事件采用绑定方式
			//obj.onclick
			$(function(){
				$("#btnSele").click(function(){
					$(":checkbox[name=like]").prop("checked",this.checked);
				});
				$("[name=like]").click(function(){
					let s=$("[name=like]:checked").length;
					let s2=$("[name=like]").length;
					console.log(s+","+s2);
					$("#btnSele").prop("checked",s==s2);
				});
			});
		</script>
	</head>
	<body>
		<p>
			爱好：
			<input type="checkbox" name="like" value="dancing"/>跳舞
			<input type="checkbox" name="like" value="sing"/>唱歌
			<input type="checkbox" name="like" value="game"/>游戏
			<input type="checkbox" name="like" value="rap"/>说唱
			<input type="checkbox" name="like" value="篮球"/>篮球
			<input type="checkbox"  id="btnSele" value="" />全选
		</p>
	</body>
</html>
